<!--  -->
<template>
  <div class='helpcenter'>
    <Header-Comp title="帮助中心" />
    <div class="helpcenter_card">
      <span>在线客服<br>
        请关注微信公众号</span>
      <img src="../../assets/img/gzh.png"
           alt="">
    </div>
    <van-search class="helpcenter_search"
                v-model="value"
                placeholder="请输入关键词进行搜索" />
    <van-collapse v-model="activeNames"
                  class="helpcenter_collapse">
      <van-collapse-item title="什么是银行卡四要素审核？"
                         name="1">内容</van-collapse-item>
      <van-collapse-item title="什么是银行卡四要素审核？"
                         name="2">内容</van-collapse-item>
      <van-collapse-item title="什么是银行卡四要素审核？"
                         name="3">银行卡四要素是指银行预留的银行卡号码、实名、身份 证号码、手机四项数据。银行卡四要素验证是验证银行卡用 户数据的真实性，从而建立健全可靠的互联网信用基础。</van-collapse-item>
    </van-collapse>
  </div>
</template>
<script>
export default {
  components: { HeaderComp: () => import('@/components/HeaderComp') },
  data () {
    //这里存放数据
    return {
      value: '',
      activeNames: [],
      data: {}
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created () {
    // LoadData().then(res => {
    //   this.data = res.data.data
    // })
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted () { },
  //方法集合
  methods: {},
  //生命周期 - 创建之前
  beforeCreate () { },
  //生命周期 - 挂载之前
  beforeMount () { },
  //生命周期 - 更新之前
  beforeUpdate () { },
  //生命周期 - 更新之后
  updated () { },
  //生命周期 - 销毁之前
  beforeDestroy () { },
  //生命周期 - 销毁完成
  destroyed () { },
  //如果页面有keep-alive缓存功能，这个函数会触发
  activated () { },
}
</script>
<style lang='less' scoped>
.helpcenter {
  .helpcenter_card {
    height: 269px;
    background: url('../../assets/img/user_card_bj.png') no-repeat center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 60px 0px 99px;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #ffffff;
    img {
      width: 147px;
    }
  }
  .helpcenter_search .van-search__content,
  .helpcenter_collapse {
    position: relative;
    top: -50px;
  }
}
</style>